body{
  margin: 0;
  width:100%;
  height: 100%;
  background-image:url(bg/newback.jpg);
}

.retour a{
  position: relative;
  left: 302px;
  top: -900px;
  width: 20px;
  height: 20px;
  text-decoration: none;
  color: white;
  padding-top: 30px;
  font-family: 'Fredoka One', cursive;
  font-size: 130px;
}

.retour a:hover{
  opacity: 50%;
  transition: 1s;
}

.blackt{
  position: relative;
  height: 500px;
  background-color: black;
  opacity: 80%;
}

.carver img {
  opacity: 100%;
  transition: 1s;
}

.carver img:hover{
  opacity: 50%;
  transition: 1s;
}

.carver {
  position: relative;
  left: 4714px;
  width: 20%;
  top: -570px;
  display: flex;
  justify-content: flex-end;
  padding-right: 200px;
}


.nav {
  position: relative;
  top: -255px;
  padding-left: 160px;
	width: 3000px;
  height: 200px;
  display: flex;
  justify-content: space-around;
}

.nav a {
	text-decoration: none;
	color: white;
	outline: none;
	padding-top: 30px;
	font-family: 'Fredoka One', cursive;
	text-transform: uppercase;
	letter-spacing: .4px;
	font-size: 90px;
  opacity: 100%;
}

.nav a:hover {
  opacity: 50%;
	transition: .7s;
}

.nav p{
  position: relative;
  color: white;
  top: -59px;
  font-family: 'Fredoka One', cursive;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 90px;
  opacity: 50%;
}


.content{
  position: fixed;
  height: 1px;
  width: 100%;
}


.salty{
  position: relative;
  left: 1900px;
  top: -500px;
  transform: rotate(-7deg);
}

.salty img{
  width: 25%;
  height: 15%;
}


.graf{
  position: relative;
  left: 3100px;
  top: -1200px;
  transform: rotate(20deg);
}

.graf img{
  width: 15%;
  height: 5%;
}


.meta{
  position: relative;
  left: 3200px;
  top: -3800px;
  transform: rotate(-15deg);
}

.meta img{
  width: 18%;
  height: 8%;
}

.slimy{
  position: relative;
  left: 1700px;
  top: 0px;
  transform: rotate(6deg);
}

.slimy img{
  width: 17%;
  height: 7%;
}

.cartoon{
  position: relative;
  left: 2500px;
  top: -2000px;
  transform: rotate(10deg);
}

.cartoon img{
  width: 17%;
  height: 7%;
}

.content img{
  transition: .7s;
}

.content img:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1); /* Safari 3-8 */
  transform: scale(1.08);
}


::-webkit-scrollbar {
display: none;
}

.container {
scrollbar-width: none;
background-color: inherit;
width: 500px;
height: 600px;
overflow-y: scroll;
}